//out:../css/
//导航区域
.bg-body-tertiary{
    background-color: pink !important;

    .navbar-collapse{
        flex-grow: 0;
    }
}

//轮播图
//轮播图：小于768图片高度250 max，大于等于768图片高度400 min，
//大于等于992图片高度500 min;
.carousel{
    //响应式媒体查询
    @media (max-width:768px) {
        .carousel-item{
            height: 250px;
        }
    }
    @media (min-width:768px) {
        .carousel-item{
            height: 400px;
        }
    }
    @media (min-width:992px) {
        .carousel-item{
            height: 500px;
        }
    }


    .carousel-item{
        background-size: cover;
        background-position: center 0;
    }
    .carousel-item:nth-child(1){
        background-image: url(../assets/uploads/banner_1.jpg);
    }
    .carousel-item:nth-child(2){
        background-image: url(../assets/uploads/banner_2.jpg);
    }
    .carousel-item:nth-child(3){
        background-image: url(../assets/uploads/banner_3.jpg);
    }
    .carousel-item:nth-child(4){
        background-image: url(../assets/uploads/banner_4.jpg);
    }
}

//开源项目
.project{
    margin-top: 60px;
    text-align: center;
    .row{

        div{
            height: 200px;
            //background-color: pink;
    
            a{
                display: block;
                height: 100%;
                background-color: gray;
                border-radius: 4px;
            }
            &:nth-child(1) a{
                background-color: #70c3ff;
            }
            &:nth-child(2) a{
                background-color: #fd6a7f;
            }
            &:nth-child(3) a{
                background-color: #7f8ea0;
            }
            &:nth-child(4) a{
                background-color: #89d04f;
            }
        }

    } 
}